<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>url路径表达式</title>
</head>
<body>
    <h1>URL路径表达式：@{....}</h1>
    <h2>a标签中的绝对路径（没有参数）</h2>
    <a href="http://www.baidu.com">传统：跳转至百度</a><br/>
    <a th:href="@{http://www.baidu.com}">url表达式：跳转到百度</a><br/>
    <a th:href="@{http://localhost:8080/user/detail}">跳转至：/user/detail</a><br/>
    <a href="http://localhost:8080/user/detail">传统跳转至：/user/detail</a><br/>

    <h2>URL路径表达手相对路径，相对路径，实际开发中推荐使用的</h2><br/>
    <a th:href="@{/user/detail}">跳转至：/user/detail</a><br/>
    <a href="/user/detail">传统跳转至：/user/detail</a><br/>

    <h2>绝对路径待参数</h2>
    <a href="http://localhost:8080/test?userName=sun"> 绝对路径，带参数</a><br/>
    <a th:href="@{http://localhost:8080/test?userName=sun}">路径表达式写法，带参数</a><br/>

    <h2>相对路径，带参数</h2>
    <a th:href="@{/test?userName=sun}"> 相对路径，待参数</a>

    <h2>带参数，后台获取的参数</h2>
    <a th:href="@{'/test?userName=' + ${id}}">相对路径获取后台参数值</a><br/>

    <h2>相对路径，后台获取多个参数</h2>
    <a th:href="@{'/test1?id=' + ${id} +'&userName=' + ${userName} + '&age=' + ${age}}">相对路径，后台获取多个参数</a><br/>
    <a th:href="@{/test1(id=${id},userName=${userName},age=${age})}">@{}相对路径，后台获取多个参数</a><br/>
    <a th:href="@{'/test2/' + ${id}  }">请求路径为RESTful风格</a><br/>
    <a th:href="@{'/test3/' + ${id} +  '/' + ${userName} }">请求路径为RESTful风格,多个参数</a>


</body>
</html>